<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<link href="css/zui.css" rel="stylesheet">
<script src="js/jquery1.9.1.js"></script>
<script src="js/zui.js"></script>
<script src="js/config.js"></script>
<script src="js/loginPage.js?ver=1"></script>
<script>
$(function(){
     
	<c:if test="${!empty msg}">
    $("span.errorMessage").html("${msg}");
    $("div.loginErrorMessageDiv").show();      
    </c:if>
     
    $("form.loginForm").submit(function(){
        if(0==$("#name").val().length||0==$("#password").val().length){
            $("span.errorMessage").html("请输入账号密码");
            $("div.loginErrorMessageDiv").show();          
            return false;
        }
        return true;
    });
     
    $("form.loginForm input").keyup(function(){
        $("div.loginErrorMessageDiv").hide();  
    });
     
    var left = window.innerWidth/2+162;
    $("div.loginSmallDiv").css("left",left);
})
</script>
 
<div id="loginDiv" style="position: relative">
 
    <div class="simpleLogo" >
        <a href="${pageContext.request.contextPath}/index.jsp"><img src="img/site/icon.jpg" style="margin-left:100px;width: 150px;height: 80px;"></a>
    </div>
 	<input id="userId" name="userId" type="hidden" >
    <img id="loginBackgroundImg" class="loginBackgroundImg" src="img/site/printer1.jpg">
     
    <form class="loginForm" >
        <div id="loginSmallDiv" class="loginSmallDiv">
            <div class="loginErrorMessageDiv">
                <div class="alert alert-danger" >
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                    <span class="errorMessage"></span>
                </div>
            </div>
                 
            <div class="login_acount_text">账户登录</div>
            <div class="loginInput " >
                <span class="loginInputIcon ">
                    <span class=" glyphicon glyphicon-user"></span>
                </span>
                <input id="name" name="name" placeholder="手机/会员名/邮箱" type="text">        
            </div>
             
            <div class="loginInput " >
                <span class="loginInputIcon ">
                    <span class=" glyphicon glyphicon-lock"></span>
                </span>
                <input id="password" name="password" type="password" placeholder="密码" type="text">
            </div>
             
            <div>
                <a class="notImplementLink" href="#nowhere">忘记登录密码</a>
                <a href="register.jsp" class="pull-right">免费注册</a>
            </div>
            <div style="margin-top:20px">
                <button id="loginBtn" class="btn btn-block blueButton" style="background-color:#87CEEB " type="button">登录</button>
            </div>
        </div>   
    </form>
     <div style="margin-top: 20px"></div>
</div>   